<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Author" content="cjw">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <link type="text/css" rel="stylesheet" href="../css/MyCss.css" />
  <link type="text/css" rel="stylesheet" href="../css/login.css" />
  <link type="text/css" rel="stylesheet" href="../css/base.css" />
  <style>
	*{margin: 0; padding: 0;}
	.body {background: url(../image/login/bg.jpg); }
	/*.body > div {border: 1px solid rgba(204, 207, 208, 0.26);}*/
	.register {border:1px solid #e6e6e6; margin: 20px 6px; background: #f6f4f0;}
	.register > .register-top { text-align: center; background: #555; line-height: 30px;}
	.register > .register-top > label {font-size:16px; color:#fff; font-weight:bold;}
	.register-con > form > label {display:block; overflow: hidden; margin: 10px 43px; }
	.register-con > form > label label {float: left; display:block; line-height: 30px;}
	.register-con > form > label label:nth-child(1) {width: 78px;}
	.register-con > form > label label:last-child i {/*background: url(../image/login/sure.png);*/ width:16px; height:16px; margin: 9px;}
	.agreement-text {padding: 0px 37px;}

	.button-skyblu, .button-gray {border: 0px; border-radius: 4px; outline: none; color: #fff; background: rgba(0, 191, 255, 0.85); text-align:center; display: block; cursor: pointer;}
	.button-skyblu {width: 150px; height: 32px;  line-height: 32px; }
	.button-skyblu:hover {background: deepskyblue;}
	.button-gray {width: 73px; height: 32px; line-height: 32px; background: #ccc;}
	#button-gray:hover {background: #8e8787;}
  </style>
 </head>
 <body>
	
	<!--S - infor-nav-->
	<div class="infor-nav">
		<div class="infor-nav-con">
			<!--登录 注册 我的订单 我的个人信息 购物车 -->
			<ul>
				<li>
					<label class="loginText">您未登录</label>&nbsp;&nbsp;&nbsp;&nbsp;
					<label class="register-bt">您正在注册</label>
				</li>
				<li></li>
				<li></li>
				<li>
					<label class="my-infor">我的个人信息</label>&nbsp;&nbsp;
					<label class="my-order">我的订单</label>&nbsp;&nbsp;
					<label class="my-cart">
						<!--
						<i class="my-cart-i" title="购物车"></i>
						-->
						购物车
					</label>
				</li>
			</ul>
		</div>
	</div>
	<!--E - infor-nav-->

	<!--S - follow-box-->
	<div class="follow-box"></div>
	<!--E - follow-box-->

	<!--S - goods-nav-->
	<div class="goods-nav">
		<div class="goods-nav-con">
			<div class="shop-icon">
				<a href="../index.html"></a>
			</div>
			<div class="shop-nav">
				<ul>
					<li>服装</li>
					<li>日用品</li>
					<li>食品</li>
					<li>电子产品</li>
					<li>高科技</li>
				</ul>
			</div>
			<!--查找-->
			<div class="search" id="search">
				<input type="text" placeholder="请输入要商品关键字" id="search_text">
				<input type="button" value="搜索本站" id="search_button">
				<!--搜索结果显示区-->
				<div class="search_show" id="search_show"></div>
			</div>
		</div>
	</div>
	<!--E - goods-nav-->

	<!-- start body -->
	<div class="body">
		<div class="body_box">
			<!-- start 其他模块 -->
			<div class="others"></div>
			<!-- end 其他模块 -->

			<!-- start login_box 登录模块 -->
			<div class="login_box">
				<div class="register">
					<div class="register-top">
						<label>请填写注册信息</label>
					</div>
					<div class="register-con">
						<form class="register-form" method="post" action="../member_register">
							<!-- 用户名 密码 密码确认 店铺名称 电话号码 同意协议 -->
							<label>
								<label>用户名：</label>
								<label><input name="username" class="input-text" type="text" /></label>
								<label><i></i></label>
							</label>
							<label>
								<label>密码：</label>
								<label><input name="password" class="input-text" type="text" /></label>
								<label><i></i></label>
							</label>
							<label>
								<label>密码确认：</label>
								<label><input name="confirmPass" class="input-text" type="text" /></label>
								<label><i></i></label>
							</label>
							<label>
								<label>真实姓名：</label>
								<label><input name="trueName" class="input-text" type="text" /></label>
								<label><i></i></label>
							</label>
							<label>
								<label>性别：</label>
								<label><input name="sex" class="input-text" type="text" /></label>
								<label><i></i></label>
							</label>
							<label>
								<label>手机号码：</label>
								<label><input name="phoneNumber" class="input-text" type="text" /></label>
								<label><i></i></label>
							</label>
							<label>
								<label>邮箱地址：</label>
								<label><input name="email" class="input-text" type="text" /></label>
								<label><i></i></label>
							</label>
							<label>
								<label class="agreement-text" style="width: 84px; line-height:13px;">
									<a href="#">同意商城协议：</a>
								</label>
								<label class="agreement-check">
									<input name="agree" style="display:block;" type="checkbox" />
								</label>
							</label>
							<label>
								<label>
									<input type="reset" id="button-gray" class="button-gray" value="清除"/>
								</label>
								<label>
									<input type="submit" class="button-skyblu" value="注册"/>
								</label>
							</label>
						</form>
					</div>
				</div>
			</div>
			<!-- end login_box -->
		</div>
	</div>
	<!-- body end -->

	<!-- start bom -->
	<div class="bom">
		<div class="bom_container">
			<li style="color:#586069;list-style:none;padding:10px 245px;">Copyright ©2017 <span  style="color:#a71d5d;cursor:pointer;" title="作者介绍">chen</span> Powered By <span  style="color:#a71d5d;cursor:pointer;" title="程序目录">Login</span> Version 1.0.0</li>
		</div>
	</div>
	<!-- bom end -->
	<script src="../js/MyjsV0-8.js"></script>
	<script src="../js/util-2.js"></script>
	<script>
	var tempInput;
	$(".register-con")[0].onclick = function(e){
		if(e.target.tName() == "input"){
			if(tempInput != undefined && tempInput.attr("type") == "text"){
				console.log(tempInput.value.length);
				if(tempInput.value.length == 0){
					tempInput.parent("label").parent("label").$("i")[0].css("background: url('"+pictureData.failData+"');", false);
				}else{
					tempInput.parent("label").parent("label").$("i")[0].css("background: url('"+pictureData.trueData+"');", false);
				}
			}
			tempInput = e.target;  
		}
	}
	$(".button-gray")[0].onclick = function(){
		tempInput = null;
		var is = $(".register-con")[0].$("i");
		var len = is.length;
		setTimeout(function(){
			for(var i = 0; i < len; i ++){
				is[i].css("background: none;", false);
			}
		}, 100);
	}
	$$.formAjax({
		formEle:$(".register-form")[0],
		success:function(msg){
			//登录成功前往登录
			linkTo.loca("fonts/memberLogin.html");
		},error:function(msg){
			console.log(msg);
		}
	});
	/*
	$(".register-bt")[0].onclick = function(){
		linkTo.loca('memberRegister.html');
	}
	*/
	$(".loginText")[0].onclick = function(){
		linkTo.loca('memberLogin.html');
	}
	</script>
 </body>
</html>